<!--{template header}-->

<div class="container">
  <div class="home-top">
    <div class="banner">
      <div class="fotorama" data-autoplay="true" data-width="100%" data-ratio="950/300" data-fit="cover" data-stopautoplayontouch="false" data-loop="true" data-arrows="false" data-click="false" data-swipe="true">
        <!--{ad_show(HOME_TOP_SLIDE,1)}-->
      </div>
      <!-- fotorama end -->
    </div>
    <!-- banner end -->
    <div class="site-noitce">
      <div class="site-noitce-bottom">
        <ul class="site-noitce-nav">
          <li class="active"><a href="#announcement" data-toggle="tab">公告</a></li>
          <li><a href="#notification" data-toggle="tab">中标通知</a></li>
          <li><a href="#withdrawal" data-toggle="tab">提现</a></li>
        </ul>
        <div class="tab-content tab-newContent">
          <div id="announcement" class="tab-pane fade in active">
            <ul class="site-noitce-list">
              {loop $arrBulletins $k $v}
              <li><i>&middot;</i><a href="index.php?do=article&id=$v['art_id']" target="_blank">{$v['art_title']}</a></li>
              {/loop}
            </ul>
          </div>
          <div id="notification" class="tab-pane fade">
            <ul class="site-noitce-list">
              {loop $arrDynamics $v}
              <li><i>&middot;</i>{$v[username]}成功中标 <a href="$v['event']['url']" target="_blank">$v['event']['content']</a></li>
              {/loop}
            </ul>
          </div>
          <div id="withdrawal" class="tab-pane fade">
            <ul class="site-noitce-list">
              {loop $arrWithdraws $v}
              <li><i>&middot;</i>{$v['username']}成功提现<span class="money">{$v['withdraw_cash']}<sub>元</sub></span></li>
              {/loop}
            </ul>
          </div>
        </div>
      </div>
      <!-- site-noitce-bottom end -->    
      <div class="site-noitce-top">
        {if $gUid}
        <div class="after">
          <ul class="nav nav-pills">
            <li class="active mr_10">
              <a href="#employer" data-toggle="tab">
                <i class="fa fa-flag"></i> 我是雇主
              </a>
            </li>
            <li>
              <a href="#witkey" data-toggle="tab">
                <i class="fa fa-user"></i> 我是威客
              </a>
            </li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="employer">
              <a href="index.php?do=pubtask" class="btn btn-info btn-sm btn-block">发布任务</a>
            </div>
            <div class="tab-pane" id="witkey">
              <a href="index.php?do=pubgoods" class="btn btn-primary btn-sm btn-block">发布商品</a>
            </div>
          </div>
        </div>
        {else}
        <div class="before ">
          <div class="row">
            <div class="col-xs-6">
              <a href="index.php?do=register" class="btn btn-info btn-block">注册帐号</a>
            </div>
            <div class="col-xs-6">
              <a href="index.php?do=login" class="btn btn-primary btn-block">用户登录</a>
            </div>
          </div>
          <!-- <div class="site-noitce-or">或</div> -->
          <div class="site-other-login">
            第三方帐号登录： {loop $api_open $k $v} {if $weibo_list[$k.'_app_id'] && !in_array($k,array('douban','renren'))}
            <a href="control/oauth_request.php?type={$k}" title="{$api_name[$k]['name']}"><img src="static/img/oauth2.0/16/{$k}.png" alt="{$api_name[$k]['name']}"></a>
            {/if} {/loop}
          </div>
        </div>
        <!-- site-noitce-top end -->
        {/if}
      </div>
      <div class="box-body creative-trade">
        <!-- <div class="creative-trade-header">创意交易</div>
        <p class="creative-trade-tips">创意型交易，我们更专业，更可靠</p> -->
        <ul class="creative-trade-listbox">
          <!-- <li>
            <img src="./tpl/default/img/create-icon01.png" class="creative-trade-pic" alt="">
            <p class="creative-trade-txt">实名认证<br>放心交易</p>
          </li>
          <li>
            <img src="./tpl/default/img/create-icon02.png" class="creative-trade-pic" alt="">
            <p class="creative-trade-txt">担保交易<br>满意付款</p>
          </li>
          <li>
            <img src="./tpl/default/img/create-icon03.png" class="creative-trade-pic" alt="">
            <p class="creative-trade-txt">不满意<br>全额退款</p>            
          </li> -->
          <li class="col3">
            <p>
              <span class="fa-stack fa-2x">
                <i class="fa fa-circle fa-stack-2x text-success"></i>
                <i class="fa fa-yen fa-stack-1x fa-inverse"></i>
              </span>
            </p>
            <p>担保交易</p>
          </li>
          <li class="col3">
            <p>
              <span class="fa-stack fa-2x">
                <i class="fa fa-circle fa-stack-2x text-success"></i>
                <i class="fa fa-shield fa-stack-1x fa-inverse"></i>
              </span>
            </p>
            <p>诚信保障</p>
          </li>
          <li class="col3">
            <p>
              <span class="fa-stack fa-2x">
                <i class="fa fa-circle fa-stack-2x text-success"></i>
                <i class="fa fa-user fa-stack-1x fa-inverse"></i>
              </span>
            </p>
            <p>威客认证</p>
          </li>          
        </ul>
      </div>
    </div>
    <!-- site-noitce end -->
  </div>
  <!-- home-top end -->

  <div class="home-shop">
      <div class="home-shop-header">
        <div class="home-shop-title">推荐商品</div>  
        <a class="more-link" href="index.php?do=goodslist" target="_blank">更多商品<i class="fa fa-angle-double-right"></i></a>
      </div>
      <!-- home-shop-header end -->
      <div class="home-shop-body">
        <ul class="home-min-list img">
          {if $arrRecommGoodsLists}  
          {loop $arrRecommGoodsLists $k $v}
            {if $k < 5}
          <li>
            <a href="index.php?do=goods&id=$v['service_id']" title="$v['title']" target="_blank" class="home-min-list-picbox">
              <img src="tpl/default/img/grey.gif" class="lazy"  data-original="<!--{eval echo keke_shop_class::output_pics($v['pic'],210,1)}-->"  alt="$v['title']">
              <div class="home-min-list-detail">
                <span class="home-min-list-title">$v['title'] </span>
                <span class="home-min-list-meta">$v['username'] 发布</span>
                <span class="home-min-list-meta"><span class="money"><sub>￥</sub>$v['price']</span></span>
              </div>
            </a>
        </li>
         {/if}
        {/loop}
        {else}
          <div style="width: 100%;height: 100%;text-align: center; color: #777;font-size: 15px;margin-top: 2%;">
            <img src="./tpl/default/img/icon-empty.png">
            咦,商品都卖完了赶快去<a href="index.php?do=pubgoods">发布商品</a>吧
          </div>        
        {/if}
        </ul>
  
      </div>
      <!-- home-shop-body end -->
      
  </div>
  <!-- home-shop end -->

  <div class="home-task">
      <div class="home-task-header">
        <div class="home-task-title">热点任务</div>
        <a class="more-link" href="index.php?do=tasklist" target="_blank">更多任务<i class="fa fa-angle-double-right"></i></a>
      </div>
      <!-- home-task-header end-->
      <div class="home-task-body">
        <ul class="home-min-list home-task-list">
        {if $arrRecommTaskLists}
        {loop $arrRecommTaskLists $k $v}
          <li class="home-task-listItem">
            <a href="index.php?do=task&id=$v['task_id']" class="home-min-list-title" title="$v['task_title']" target="_blank"><span class="money"><!--{eval echo  keke_glob_class::showTaskCash($v['task_id']);}--></span> $v['task_title']</a>
            <span class="home-min-list-meta">$v['username'] 发布</span>
            <span class="home-min-list-meta">$v['work_num']投标</span>
          </li>
        {/loop}
        {else}
          <div style="width: 100%;height: 100%;text-align: center; color: #777;font-size: 15px;margin-top: 5%;">
            <img src="./tpl/default/img/icon-empty.png">
            咦,没有热点任务了赶快去<a href="index.php?do=pubtask">发布任务</a>吧
          </div>
        {/if}
        </ul>
      </div>
      <!-- home-task-body end -->
  </div>
  <!-- home-task end -->

  <div class="home-case">
    <div class="home-case-header">
      <h2 class="home-case-title"> 成功案例</h2>
      <a class="more-link" href="index.php?do=case" target="_blank">更多<i class="fa fa-angle-double-right"></i></a>
    </div>
    <!-- home-case-header end -->
    <div class="home-case-body">
      {if $arrCaseLists[0]}
      <div class="home-case-first">

        <a class="img-box" {if $arrCaseLists[0]['obj_type']=='task'}href="index.php?do=task&id=$arrCaseLists[0]['obj_id']" {else} href="index.php?do=goods&id=$arrCaseLists[0]['obj_id']"{/if} title="{$arrCaseLists[0]['case_title']}" title="$arrCaseLists">
          <img class="lazy" src="tpl/default/img/grey.gif" data-original="{if $arrCaseLists[0]['case_img']}<!--{eval echo imageClass::absUrl($arrCaseLists[0]['case_img']);}-->{else}tpl/default/img/shop/shop_default_big.jpg{/if}" alt="{$arrCaseLists[0]['case_title']}">
        </a>
        <a title="{$arrCaseLists[0]['case_title']}" class="home-case-first-title" href="javascript:void(0);">
          <span class="marked marked-task">{$model_list[$arrCaseLists[0]['model_id']]['model_name']}</span> {$arrCaseLists[0]['case_title']}
        </a>
        <p>{if $arrCaseLists[0]['obj_type']=='task'}赏金{else}售价{/if}：<span class="money">￥{$arrCaseLists[0]['case_price']}</span></p>
        <p>{if $arrCaseLists[0]['obj_type']=='task'}投稿：{$arrCaseLists[0]['work_num']}{else}售出：{$arrCaseLists[0]['sale_num']}{/if} 个</p>
        <p>发布人：<a href="index.php?do=seller&id=$arrCaseLists[0]['uid']">$arrCaseLists[0]['username']</a></p>
        <!-- <p>雇主评价：原本不是这个vi色系，但是没有办法，因为上面的人非要用...</p> -->
        <a {if $arrCaseLists[0]['obj_type']=='task'}href="index.php?do=task&id=$arrCaseLists[0]['obj_id']" {else} href="index.php?do=goods&id=$arrCaseLists[0]['obj_id']"{/if} title="{$arrCaseLists[0]['case_title']}" class="home-case-LookBtn">查看该案例</a>
                
      </div>
      {/if}


      <ul class="home-case-list">
        {loop $arrCaseLists $k $v}
        {if $k>0}
          <li>
            <a {if $v['obj_type']=='task'}href="index.php?do=task&id=$v['obj_id']" {else} href="index.php?do=goods&id=$v['obj_id']"{/if} title="{$v['case_title']}" target="_blank">
              <img alt="{$v['case_title']} " class="lazy" src="tpl/default/img/grey.gif"  data-original="{if $v['case_img']}<!--{eval echo imageClass::absUrl($v['case_img']);}-->{else}tpl/default/img/shop/shop_default_big.jpg{/if}">
              <div class="home-min-list-detail">
                <span class="home-min-list-title">{$v['case_title']} </span>
                <!-- <span class="home-min-list-meta">{if $v['obj_type']=='task'}投稿：{$v['work_num']}{else}售出：{$v['sale_num']}{/if}个</span>
                <span class="home-min-list-meta"><span class="money"><sub>￥</sub>$v['case_price']</span></span> -->
              </div>
            </a>
        </li>
        {/if}
        {/loop}
      </ul>
    </div>
    <!-- home-case-body end -->
  </div>
  <!-- home-case end -->

  <div class="home-stats">
    <div class="home-stats-inner">
      <div class="home-stats-ctrl">
        <a href="javascript:$('#jcarousel_stats').jcarousel('scroll', '-=1');void(0);" ><i class="fa fa-caret-down"></i></a>
        <a href="javascript:$('#jcarousel_stats').jcarousel('scroll', '+=1');void(0);" ><i class="fa fa-caret-up"></i></a>
      </div>
      <div id="jcarousel_stats" class="home-stats-list jcarousel-vertical">
        <ul>
          <li>
            所有：
            <div class="home-stats-meta">任务总数 <span>{$arrPubAll['0']['count']}</span> 个</div>
            <div class="home-stats-meta">威客人数 <span>{$arrAcceptAll}</span> 人</div>
            <div class="home-stats-meta">成交总额 <span>{c:$arrCashAll['0']['cash']}</span> </div>
          </li>
          <li>
            今日：
            <div class="home-stats-meta">发布任务 <span>{$arrPubToday['0']['count']}</span> 个</div>
            <div class="home-stats-meta">成交任务 <span>{$arrAcceptToday}</span> 个</div>
            <div class="home-stats-meta">成交金额 <span>{c:$arrCashToday['0']['cash']}</span> </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- home-stats end -->
  <div class="home-other">
      <p>我对 {$_K['sitename']} 有意见或建议，现在就<a href="javascript:sendSuggest();void(0);">提交</a></p>

  </div>
  <div class="for-advertise">
    <!--{ad_show(HOME_CENTAL_THREE)}-->
    <!--<img src="" data-src="holder.js/950x50/#f8f8f8:#ddd/text:AD">-->
  </div>
  <!-- for-advertise end --> 

</div>
<!-- container end -->
<script type="text/javascript">
    $(function(){

        $('#jcarousel_bid').jcarousel({
            wrap: 'circular',
            animation: 500,
            vertical: true
        }).jcarouselAutoscroll({
            scroll: '+=1',
            interval: 5000
        }).mouseenter(function(){
            $(this).jcarouselAutoscroll('stop');
        }).mouseleave(function(){
            $(this).jcarouselAutoscroll('start');
        });

        $('#jcarousel_stats').jcarousel({
            wrap: 'circular',
            vertical: true
        }).jcarouselAutoscroll({
            scroll: '+=1'
        }).mouseenter(function(){
            $(this).jcarouselAutoscroll('stop');
        }).mouseleave(function(){
            $(this).jcarouselAutoscroll('start');
        });
    });

</script>



<!--{template footer}-->